<template>
  <div class="pdfUpload">
    <van-nav-bar
      :title="$route.meta.title"
      left-arrow
      :border="false"
      @click-left="clickLeft"
      class="nav-bar"
    >
    </van-nav-bar>
  </div>
</template>

<script>
import {
  Tabbar,
  TabbarItem,
  NavBar,
  Icon,
  Cell,
  CellGroup,
  Notify,
} from "vant";
export default {
  name: "pdfUpload",
  components: {
    [Tabbar.name]: Tabbar,
    [TabbarItem.name]: TabbarItem,
    [NavBar.name]: NavBar,
    [Icon.name]: Icon,
    [Cell.name]: Cell,
    [CellGroup.name]: CellGroup,
    [Notify.name]: Notify,
  },
  data() {
    return {
      token: "",
    };
  },
  mounted() {
    this.token = localStorage.getItem("tokenKey");
    this.fetchItems();
  },
  methods: {
    clickLeft() {
      this.$router.replace({ name: "configDetail" });
    },
    async fetchItems() {},
  },
};
</script>
<style>
.van-nav-bar__title {
  color: #fff;
}
.van-icon-arrow-left {
  color: #fff !important;
}
.van-cell__title {
  text-align: left;
  font-weight: 500;
}
</style>
<style scoped lang="less">
.pdfUpload {
  margin: 0;
  padding: 0;
  color: #000;
}
.nav-bar {
  background-color: #49bbef;
}
</style>